<div class="col-lg-11 mx-auto">
  <h3 class="spree-mb-large spree-mt-large spree-header"><%= Spree.t(:log_in_to_continue) %></h3>
  <%= form_for Spree.user_class.new, as: :spree_user, url: spree_login_path do |f| %>
    <div id="password-credentials" class="mb-4">
      <div class="form-group mb-4">
        <p class="form-group checkout-content-inner-field">
          <%= f.email_field :email, class: 'spree-flat-input', placeholder: Spree.t(:email), value: params.dig(:spree_user, :email) %>
        </p>
      </div>
      <div class="form-group mb-4">
        <p class="form-group checkout-content-inner-field">
          <%= f.password_field :password, class: 'spree-flat-input', placeholder: Spree.t(:password) %>
        </p>
      </div>
    </div>

    <% if Spree::Frontend::Config[:remember_me_enabled] %>
      <div class="spree-checkbox-container mt-4 mt-sm-5 mt-lg-4 spree-mb-medium">
        <div class="spree-checkbox">
          <%= f.check_box :remember_me %>
          <%= f.label :remember_me, '' %>
        </div>

        <%= f.label :remember_me, Spree.t(:remember_me), class: 'spree-checkbox-label' %>
      </div>
    <% end %>

    <%= f.submit Spree.t(:login), class: 'btn btn-primary btn-block spree-btn mt-2' %>
  <% end %>

  <% if spree.respond_to?(:recover_password_path) %>
    <div class="text-center forgot-password mb-4">
      <%= link_to Spree.t(:forgot_password), spree.recover_password_path %>
    </div>
  <% end %>
</div>
